<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图</title>
    <link rel="stylesheet" type="text/css" href="/css/loubotu.css">
</head>
<body>
     <!--轮播tu-->
  <div id="wrap">
    <!-- 图片列表 -->
    <div class="img-list">
      <img src="/images/1_06.png" alt=""/>
      <img src="/images/2_06.png" alt=""/>
      <img src="/images/1_06.png" alt=""/>
      <img src="/images/2_06.png" alt=""/>
      <img src="/images/1_06.png" alt=""/>
    </div>
    <!-- 小箭头 -->
    <div class="arrow">
      <a href="javascript:;" class="left"><</a>
      <a href="javascript:;" class="right">></a>
    </div>
    <!-- 小圆点 -->
    <ul class="circle-list">
      <li class="circle active" data-n="0"></li>
      <li class="circle" data-n="1"></li>
      <li class="circle" data-n="2"></li>
      <li class="circle" data-n="3"></li>
      <li class="circle" data-n="4"></li>
    </ul>
  </div>
  <!--轮播tu-->
</body>
</html>
<script src="/js/lubo.js"></script>